/*
import React from 'react';
import { requireNativeComponent, TouchableOpacity, View, ViewProps, StyleSheet, ViewStyle } from 'react-native';

interface SIDButtonProps {
  style?: ViewStyle;
}

const SIDButton = requireNativeComponent<SIDButtonProps>('SIDButton');

interface SIDButtonViewProps extends ViewProps {
  onPress?: () => void;
}

export default class SIDButtonView extends React.Component<SIDButtonViewProps> {
  render() {
    const { onPress, ...restProps } = this.props;

    return (
      <TouchableOpacity onPress={onPress} style={styles.touchableContainer}>
        <View style={styles.buttonContainer}>
          <SIDButton style={styles.button}/>
        </View>
      </TouchableOpacity>
    );
  }
}

const styles = StyleSheet.create({
  touchableContainer: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center'
  },
  buttonContainer: {
    height: 500, 
    width: 200, 
  },
  button: {
    height: '100%',
    width: '100%'
  }
});

module.exports = SIDButtonView;


const createFragment = (viewId: number | null) =>
    UIManager.dispatchViewManagerCommand(
        viewId,
        // we are calling the 'create' command
        UIManager.SIDButtonManager.Commands.create.toString(),
        [viewId],
    );

export const SIDButtonViewAndroid = () => {


    const ref = useRef(null);

    useEffect(() => {
        const viewId = findNodeHandle(ref.current);
        createFragment(viewId);
    }, []);

    return (
        <SIDButtonManager
            style={{
                // converts dpi to px, provide desired height
                height: PixelRatio.getPixelSizeForLayoutSize(150),
                // converts dpi to px, provide desired width
                width: PixelRatio.getPixelSizeForLayoutSize(350),
            }}
            ref={ref}
        />
    );
}; */
